<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>青山别墅网</title>
    <style>
        a{
            display: inline-block;
            width: 10%;
            line-height: 30px;
            height: 30px;
            margin-top: 10px;
        }
        #nav img{
            width:40%;
            height: 50px;
        }
        #nav #menu{
            background-image: url("bj.jpg");
            text-align: center;
            display: inline-block;
            float: right;
            width: 60%;
            height: 50px;
        }
        #main{
            width: 100%;
        }
        a{
            text-decoration: none;
            color: white;
        }
        a:hover{
            background-color: rgba(28,160,213,0.58);
            border-radius: 10px;
            box-shadow: 0 0 10px black;
        }
    </style>
</head>

<body>
    <img src="pic_01.jpg" />
    <div id="nav">
        <img src="pic_02.jpg">
        <div id="menu">
                <a href="#">首页</a>
                <a href="#">关于我们</a>
                <a href="#">新闻中心</a>
                <a href="#">项目介绍</a>
                <a href="#">项目展示</a>
                <a href="#">户型赏析</a>
                <a href="#">联系我们</a>
        </div>
    </div>
    <img id="main" src="pic_03.jpg">
</body>
</html>
